*{
    padding:0;
    margin:0;
    /*box-sizing:border-box;*/
    font-size:14px;
}
ul{
    list-style: none;
}
.clearfix:after{
    content:"";
    height:0;
    line-height:0;
    overflow:hidden;
    display:block;
    clear:both;
}
.content{
    min-width:1200px;
    margin:0 auto 10px;
}
.left_content{
    float:left;
    width:66%;
    position:relative;
    height:800px;
    padding-top:40px;
    z-index:100;
}

.imgheader{
    height:40px;
    background:#D8E8FF;
    position:absolute;
    top:0;
    left:0;
    z-index:10;
    width:100%;
}
.imgheader p{
    height:40px;
    line-height:40px;
    padding-left:10px;
}
.imgheader p.info{
    background:#C9E4DE;
}
.imgheader p .btn{
    float:left;
    width:60px;
    height:30px;
    border:1px solid #ccc;
    text-align: center;
    line-height: 30px;
    margin:5px 5px 0 0;
    cursor: pointer;
}
.imgContent{
    background:#505050;
    height:760px;
    overflow:hidden;
    overflow-y:scroll;
    position:relative 
}
.imgContent .imglist{
    padding:50px;
}
.oImg{
     height:80%;
     width:80%; 
     margin:0 auto;
}
/*  .oImg ul{
	width:100%;
	height:100%;
} */
.oImg li{
    border:2px solid #000;
    margin-top:5px;
   /*  width:100%;
    height:100%; */
} 
.oImg img{
    width:100%;
    height:100%;
    position:relative;
}
.oImg .imgTitle{
    width:100px;
    height:30px;
    line-height: 30px;
    margin-left:40%;
    background: #fff;
    text-align: center;
}

.mid_content{
    width:17%;
    height:800px;
    float:left;
}

.mid_content_header{
    padding:0px 10px;
    background-color:#D8E8FF;
    height:40px;
    line-height:40px;
    border:1px solid #ccc;
    
}
.mid_content_header button{
	width:80px;
    height:30px;
    margin:0 6px;
    line-height:30px;
}
.mid_content .list{
    overflow-y:scroll;
    height:758px;
    border:1px solid #ccc;
    background:#ccc
}

.mid_content .list p{
    margin:3px;
    padding:5px 15px;
    background:#F5F5F5;
    box-shadow:1px 1px #ccc;
    padding-left:10px;
}

.right_content{
    width:16.9%;
    background:#D8E8FF;
    height:800px;
    float:right;
}
.right_content_header{
    height:200px;
    background:#C9E4DE;
}
.right_content_header p{
    height:40px;
    line-height:40px;
    padding-left:10px;
}
.right_content_header p span{
    font-size:14px;
    color:#867768;
}
.right_content_content {
    padding:0 10px;
}
.right_content_content p{
    height:40px;
    line-height:40px;
}
.right_content_content p button{
    width:80px;
    height:30px;
    margin:0 2px;
    line-height:30px;
   
}
.right_content_content .copies{
   
    height:30px;
    width:30px;
    text-align: center;
    color:#867768;
    font-weight:700;
    font-size:18px;
    border:1px solid #ccc;
}
.right_content_content p.active{
    border-bottom:1px solid #A1A3A6;
}
.right_content_content p span.num{
    color:#867768;
    font-size:16px;
    font-weight:700;
}
.right_content_content p span.zero{
    color:#5C8FEB;
    font-weight: 700;
}
.right_content_content p span.arrow{
    position:relative;
    background:pink;
}